<#include "/include/module_version.ftl">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

 <link href="${base}/resources/css/main.css?v=${gVersion!}" rel="stylesheet" type="text/css" />
 <link href="${base}/resources/css/common.css" rel="stylesheet" type="text/css" />
 <script type="text/javascript" src="${base}/resources/js/lib/jquery.1.11.3.min.js"></script>
 <script type="text/javascript" src="${base}/resources/js/main.js"></script>
</head>
<body>
<div class="cf">
    <div class="menuNav unfold">
        <p class="cf">您好!&nbsp;&nbsp;${_session_key_user.company.name}<span class="slideBar"></span></p>
        <div class="logo"><img src="${base}/resources/img/logo.png" /></div>
        <ul class="levelMenu">
            <li>
                <a class="icon4">结算管理</a>
                <ul class="secondMenu">
                    <li><a href="${base}/admin/department/index" target="iframe">结算申请</a></li>
                    <li><a href="${base}/admin/department/index" target="iframe">我的结算</a></li>
                </ul>
            </li>
            <li>
                <a class="icon5">审核管理</a>
                <ul class="secondMenu">
                    <li><a href="${base}/admin/department/index" target="iframe">结算审核</a></li>
                </ul>
            </li>
            <li>
                <a class="icon6">支付管理</a>
                <ul class="secondMenu">
                    <li><a href="${base}/admin/department/index" target="iframe">支付设置</a></li>
                    <li><a href="${base}/admin/department/index" target="iframe">费用支付</a></li>
                    <li><a href="${base}/admin/department/index" target="iframe">项目费用</a></li>
                    <li><a href="${base}/admin/department/index" target="iframe">结算账户</a></li>
                    <li><a href="${base}/admin/department/index" target="iframe">账户查询</a></li>
                </ul>
            </li>
            <li>
                <a class="icon7" >结算查询</a>
                <ul class="secondMenu">
                    <li><a href="${base}/admin/department/index" target="iframe">按日期</a></li>
                    <li><a href="${base}/admin/department/index" target="iframe">按项目</a></li>
                    <li><a href="${base}/admin/department/index" target="iframe">按员工</a></li>
                </ul>
            </li>
        </ul>
        <ul class="adminMenu">
            <li class="icon1"><a href="">账户设置</a></li>
            <li class="icon2"><a href="">微信设置</a></li>
            <li class="icon3"><a href="">注销</a></li>
        </ul>
    </div>
    <div class="menuNav fold">
        <p class="slideBar"></p>
        <ul class="levelMenu">
            <li class="active">
                <a class="icon4"></a>
                <ul class="secondMenu">
                    <li><a href="${base}/admin/department/index" target="iframe">结算申请</a></li>
                    <li><a href="${base}/admin/department/index" target="iframe">我的结算</a></li>
                </ul>
            </li>
            <li>
                <a class="icon5"></a>
                <ul class="secondMenu">
                    <li><a href="${base}/admin/department/index" target="iframe">结算审核</a></li>
                </ul>
            </li>
            <li>
                <a class="icon6"></a>
                <ul class="secondMenu">
                    <li><a href="${base}/admin/department/index" target="iframe">支付设置</a></li>
                    <li><a href="${base}/admin/department/index" target="iframe">费用支付</a></li>
                    <li><a href="${base}/admin/department/index" target="iframe">项目费用</a></li>
                    <li><a href="${base}/admin/department/index" target="iframe">结算账户</a></li>
                    <li><a href="${base}/admin/department/index" target="iframe">账户查询</a></li>
                </ul>
            </li>
            <li>
                <a class="icon7" ></a>
                <ul class="secondMenu">
                    <li><a href="${base}/admin/department/index" target="iframe">按日期</a></li>
                    <li><a href="${base}/admin/department/index" target="iframe">按项目</a></li>
                    <li><a href="${base}/admin/department/index" target="iframe">按员工</a></li>
                </ul>
            </li>
        </ul>
        <ul class="adminMenu">
            <li class="icon1"><a href=""></a></li>
            <li class="icon2"><a href=""></a></li>
            <li class="icon3"><a href=""></a></li>
        </ul>
    </div>
    <div class="right">
        <div class="mainNav">
            <ul class="cf">
                <li><a href="javascript:;">产品</a></li>
                <li><a href="javascript:;">订单</a></li>
                <li><a href="javascript:;">合同</a></li>
                <li><a href="javascript:;">结算</a></li>
                <li><a href="javascript:;">理财师</a></li>
                <li><a href="javascript:;">内容</a></li>
                <li><a href="javascript:;">栏目</a></li>
                <li><a href="javascript:;">栏目配置</a></li>
                <li><a href="javascript:;">运营</a></li>
                <li><a href="javascript:;">机构</a></li>
                <li><a href="javascript:;">统计</a></li>
                <li><a href="javascript:;">系统</a></li>
                <li><a href="javascript:;">首页</a></li>
            </ul>
        </div>
        <p class="location">当前位置：<span>账户设置</span></p>
        <div class="mainFrame">
            <iframe id="iframe" name="iframe" frameborder="0"></iframe>
        </div>
    </div>
</div>
<script>
$(function(){
   menuNav();
});
function menuNav(){
	var screenHeight = document.body.scrollHeight;
	var screenWidth = document.body.scrollWidth;
	$('.menuNav').css('height',screenHeight+1);
	$('.mainFrame').css('height',screenHeight -100+'px');
	$('.mainFrame >iframe').css('height',screenHeight -100+'px'); 
	$('.right').css('width',0.85*screenWidth-15+'px');
	$('.menuNav.unfold').find('.slideBar').on('click',function(){
		if($('.menuNav.unfold').css("display") != 'none'){
			$('.menuNav.unfold').css('display','none');
			$('.menuNav.fold').css('display','block');
            $('.right').css('width',0.95*screenWidth-16+'px');
        };
	});
     $('.menuNav.fold').find('.slideBar').on('click',function(){
         if($('.menuNav.fold').css("display") != 'none'){
             $('.menuNav.fold').css('display','none');
             $('.menuNav.unfold').css('display','block');
             $('.right').css('width',0.85*screenWidth-15+'px');
        };
	}); 
    $('.levelMenu >li >a').on('click',function(){
        $(this).parent().find('.secondMenu').slideToggle();
        $('.levelMenu >li').removeClass('active');
        $(this).parent().addClass('active');
        $(this).parent().siblings().find('.secondMenu').slideUp();
    });
    $('.secondMenu >li').on('click',function(){
        $('.secondMenu >li').removeClass('active');
        $(this).addClass('active');
    });
    $('.menuNav.fold .secondMenu >li').on('click',function(){
        $('.secondMenu >li').removeClass('active');
        $(this).addClass('active');
        $(this).parent().slideUp();
    });
    $('.mainNav li').on('click',function(){
        $(this).addClass('active').siblings().removeClass('active');
    })
}
</script>
</body>
</html>